/* 
  1.发送请求获取数据

  2.点击轮播图 预览大图功能
    1.给轮播图绑定点击事件
    2.调用api   PreviewImage
  3.点击加入购物车功能
    1.绑定点击事件
    2.获取缓存中的购物车数据 数组格式
    3.判断当前商品是否存在于购物车
    4.假如存在 修改购物车数据  购物车数量++ 重新把数组填入缓存
    5.假如不存在  直接给数组添加新元素 带上购买数量属性num 重新把数组填入缓存
    6.弹出提示
  4.商品收藏功能
    1.页面onShow的时候 加载缓存中的商品收藏数据
    2.判断当前商品是否被收藏
      是 改变图标 
    3.点击收藏商品
      1.判断是否存在于缓存收藏数组中
      2.已经存在 把该商品从缓存中删除
      3.不存在 把该商品添加到收藏数组中 加入到缓存中


*/
import {request} from "../../request/request.js";
import regeneratorRuntime from "../../lib/runtime/runtime.js";
Page({

  /**
   * 页面的初始数据
   */
  data: {
    goodsObj:{},
    //商品是否被收藏
    isCollect:false
  },

  //商品全局对象
  GoodsInfo: {},
  /**
   * 生命周期函数--监听页面加载
   */
  onShow: function () {
    let pages =  getCurrentPages();
    let currentPage = pages[pages.length - 1];
    let options = currentPage.options;
    const {goods_id} = options;
    // console.log(goods_id);
    this.getGoodsDetail(goods_id);


  },

  //获取商品详情数据
  async getGoodsDetail (goods_id) {
    const goodsObj = await request({url:"goods/detail",data:{goods_id}});
    this.GoodsInfo = goodsObj;

    //1.获取缓存中的商品收藏数组
    let collect = wx.getStorageSync("collect")||[];
    //2.判断当前商品是否被收藏了
    let isCollect = collect.some(v=>v.goods_id===this.GoodsInfo.goods_id);
    this.setData({
      //数据优化
      goodsObj: {
        goods_name:goodsObj.goods_name,
        goods_price:goodsObj.goods_price,
        //iPhone部分手机 不识别webp格式的图片，需要做优化
        //最好后台修改  临时修改的话
        //保证后台存在jpg格式的图片  webp-->jpg
        goods_introduce:goodsObj.goods_introduce.replace(/\.webp/g,'.jpg'),
        pics:goodsObj.pics
      },
      isCollect
    })
    
  },

  //点击轮播图查看大图事件
  handlePreviewImage(e) {
    //1.先构造要预览的图片数组 Array[string]
    const urls = this.GoodsInfo.pics.map(v=>v.pics_mid);
    //2.接收传递过来的图片url
    const current = e.currentTarget.dataset.url;
    wx.previewImage({
      current,
      urls
    });
  },

  //点击加入购物车事件
  handleCartAdd() {
    //1.获取缓存中的购物车数组
    let cart = wx.getStorageSync("cart")||[];
    //2.判断商品是否存在于购物车商品中
    let index = cart.findIndex(v=>v.goods_id===this.GoodsInfo.goods_id);
    if (index=== -1) {
      //3.不存在  第一次添加
      this.GoodsInfo.num = 1;
      this.GoodsInfo.checked = true;
      cart.push(this.GoodsInfo);
    }else {
      //4.存在 购物车数量++
      cart[index].num++;
    }
    //5.把购物车数据重新添加到缓存中
    wx.setStorageSync("cart", cart);
    //6.弹框提示
    wx.showToast({
      title: '加入购物车成功',
      icon: 'success',
      //true 防止疯狂点击按钮
      mask: true
    });
  },

  //点击收藏图标
  handleCollect() {
    let isCollect = false;
    //1.获取缓存中的商品收藏数组
    let collect = wx.getStorageSync("collect")||[];
    //2.判断该商品是否被收藏过
    let index = collect.findIndex(v=>v.goods_id===this.GoodsInfo.goods_id);
    //3.当index!=-1 就表示已经收藏过了该商品
    if (index!=-1) {
      //已经收藏过了 把数据删除
      collect.splice(index,1);
      isCollect = false;
      wx.showToast({
        title: '取消成功',
        icon: 'success',
        mask: true
      });
    } else {
      //没有收藏过 在数组中添加该商品
      collect.push(this.GoodsInfo);
      isCollect = true;
      wx.showToast({
        title: '收藏成功',
        icon: 'success',
        mask: true
      });
    }
    //4.把数组添加到缓存中
    wx.setStorageSync("collect", collect);
    //5.修改data中的isCollect属性
    this.setData({
      isCollect
    })
  }
})